@font-face {
    font-family: "Din";
    src: url('../font/bb2313.ttf'), url("../font/Regular.otf")
}

body {
    font-family: "AlibabaPuHuiTiR";
    color: #fff
}

.bg {
    width: 1080px;
    height: 1920px;
    background: url('../img/bg5.png')no-repeat;
    z-index: -10;
}

.header {
    width: 390px;
    height: 59px;
    text-align: center;
    margin-top: 2%;
    margin-left: 31%;
    font-size: 32px;
    font-weight: 1000;
    /* border: solid 1px red; */
}

.tab1 {
    width: 1020px;
    height: 160px;
    margin-top: 4.8%;
    margin-left: 2%;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    /* border: solid 1px red; */
}

.note {
    width: 650px;
    height: 120px;
    margin-top: 3.6%;
    margin-left: 1.7%;
    text-indent: 2em;
    /* border: solid 1px red; */
    float: left;
}

.infotab {
    width: 250px;
    height: 100px;
    margin-top: 4.7%;
    margin-left: 7%;
    /* float: left; */
    /* border: solid 1px red; */
    float: left;
}

.duty {
    height: 20px;
    /* border: solid 1px red; */
}

.weather {
    height: 20px;
    margin-top: 22%;
    /* border: solid 1px red; */
}

.tab2 {
    width: 1020px;
    height: 1450px;
    margin-top: 12%;
    margin-left: 2%;
    text-align: center;
    font-family: "Din";
    font-size: 16px;
    font-weight: 500;
    color: #B3D3E5;
    line-height: 20px;
    /* border: solid 1px red; */
}

.li {
    width: 949px;
    height: 100px;
    border: 1px solid #1D5480;
    margin-top: 1%;
    margin-left: 2.5%;
    margin-bottom: 3%;
    text-indent: 2em;
    text-align: left;
    padding: 15px 10px 10px 10px;
}